<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- 
        babel是一个javascript编译器，用来把es6及以上格式的语法编译为浏览器能够识别的es5语法。
        使用babel：
            1.安装工具
                npm i babel-cli babel-preset-env browserify(或webpack webpack-cli)
            2.执行babel
                npx babel src/js -d dist/js --presets=babel-preset-env 
            3.打包
                npx browserify dist/js/app.js -o dist/bundle.js
                或 
                npx webpack ./dist/js/app.js -o ./dist
                注：直接执行webpack ./dist/js/app.js -o ./dist 也可以，但是webpack命令会从全局找，而现在是使用
                    npm i webpack webpack-cli 安装到当前node_modules路径下的，所以要使用npx来执行webpack命令，
                    npx跟npm差不多，但是npx更强大，主要用来执行命令，而npm主要用来安装卸载包用的。
     -->
</body>
<!-- <script src="dist/bundle.js"></script> 使用browserify生成 -->
<script src="dist/main.js"></script>
</html>